<template>
    <div class="code">
      <!-- <ComponentBar></ComponentBar> -->
      <Editor :data="state"></Editor>
      <!-- <EditInformations></EditInformations> -->
    </div>
</template>

<script setup>
import { ref } from '@vue/reactivity';
import data from '@/static/data';
import CodeContent from '@/packages/CodeContent';
import ComponentBar from '@/packages/ComponentBar';
import EditInformation from '@/packages/EditInformation';
import Editor from '@/packages/Editor';
console.log('data', data)

const state = ref(data)
</script>

<style lang="scss" scoped>
.code {
  border: 1px solid red;
  min-height: 100%;
}
</style>
